<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>降温急救穿搭</title>
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入当前页样式表 -->
    <link rel="stylesheet" href="../css/index-cold.css">
</head>

<body>
    <!-- 头部 -->
    <div id="head">
        <div class="logo">
            <a href="#" class="logoPic"><img src="../img/logo.png" alt="" title="返回首页"></a>
            <a href="#" class="right" title="返回首页">
                <h3>熊猫优选</h3>
                <span>XIONG MAO YOU XUAN</span>
            </a>
        </div>
        <div class="search">
            <input type="text" placeholder="搜索商品，发现更多优惠">
            <span class="iconfont icon-sousuo"></span>
            <input type="submit" value="搜索">
        </div>
        <ul class="advantage">
            <li>
                <img src="../img/qcby.png" alt="">
                <span>全程包邮</span>
            </li>
            <li>
                <img src="../img/qtth.png" alt="">
                <span>七天退换</span>
            </li>
            <li>
                <img src="../img/pzbz.png" alt="">
                <span>品质保障</span>
            </li>
        </ul>
    </div>
    <!-- 主体 -->
    <div id="main">
        <!-- 标题 -->
        <div class="bg">
            <!-- 头部导航 -->
            <ul class="topnav">
                <li><a href="#" class="first index">首页</a></li>
                <li><a href="#" class="by">9块9包邮</a></li>
                <li><a href="#" class="val">超值大额券</a></li>
                <li><a href="#" class="cold">降温急救穿搭</a></li>
            </ul>
        </div>
        <div class="main-mesg">
            <!-- 人气女装上新 -->
            <div class="zTitle">人气女装上新</div>
            <!-- 商品信息列表 -->
            <div class="goods">
                <ul class="goodsList"></ul>
                <button class="more">查看更多</button>
            </div>
        </div>

    </div>
    <!-- 页脚 -->
    <div id="foot">
        <div class="top">
            <img src="../img/foot1.jpg" alt="">
            <div class="mesg">
                <h3>熊猫优选</h3>
                <span>年轻人网购首选</span>
                <span>购物领券更省钱</span>
            </div>
            <p>| <a href="http://www.xiongmaoyouxuan.com/#/downLoad" target="_blank">下载APP</a></p>
        </div>
        <div class="bottom">
            <img src="img/policeIcon.png" alt="">
            <span>浙公安网备案 33010602009949号 | ICP备案号: <a href="https://beian.miit.gov.cn">浙ICP备17012864号-1</a> |</span>
            <img src="../img/license.png" alt="">
            <a href="#">证照信息</a>
        </div>
    </div>
    <!-- 页尾 -->
    <div id="bottom">
        <a href="https://xinyong.yunaq.com/certificate?site=www.xiongmaoyouxuan.com" target="_blank">
            <img src="../img/foot3.png" alt="">
        </a>
    </div>
    <!-- 回到顶部 -->
    <div id="toTop">
        <button>
            <span class="iconfont icon-xiangshangjiantou"></span>
            <p>顶部</p>
        </button>
    </div>

    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/common.js"></script>
    <script src='../js/index-cold.js'></script>
</body>

</html>